<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	template="/WEB-INF/templates/template.xhtml">
	
	<ui:define name="headIncludes">
		<f:event listener="#{estadoBean.initializeForm(param.estadoId)}" type="preRenderView"/>
	</ui:define>
	
	<ui:define name="pageName">#{estadoBean.acao}</ui:define>
	<ui:define name="buttons">
		<p:commandButton value="Salvar" style="height:28px;" action="#{estadoBean.save}" update="@this, messageFormEstado" icon="ui-icon-disk"/>
		<p:commandButton value="Voltar" style="height:28px;" action="#{estadoBean.changeToList}" process="@this" icon="ui-icon-arrowreturnthick-1-w"/>
	</ui:define>
	
	<ui:define name="content">	
		<p:panel>
			<div>
				<p:messages globalOnly="false" id="messageFormEstado"/>
					<h:panelGrid columns="1" style="padding:5px;">
						<h:outputText value="Código" />
						<p:inputText style="width:100px;" disabled="true" value="#{estadoBean.currentEstado.id}" />
					</h:panelGrid>
					
					<h:panelGrid columns="2" style="padding:5px;">
						<h:outputText value="Estado *" />
						<h:outputText value="Sigla" />
										
						<p:inputText style="width:300px;" value="#{estadoBean.currentEstado.estado}" required="true" requiredMessage="Informe o estado." maxlength="30"/>
						<p:inputText style="width:100px; " value="#{estadoBean.currentEstado.sigla}" maxlength="2"/>
					</h:panelGrid>
					
					<h:panelGrid columns="4" style="padding:5px;" id="panelPais">			
						<h:outputText value="País *"/>		
						<h:outputText value="Sigla" />	
						<h:outputText value="DDI" />	
						<h:outputText value="" />
						
						<p:autoComplete id="inputPais" var="pais" value="#{estadoBean.currentEstado.pais}" maxlength="30"
							itemLabel="#{pais.pais}" itemValue="#{pais}" size="50" required="true" requiredMessage="Selecione o país."
							converter="paisConverter" completeMethod="#{estadoBean.getPaisByQuery}">
							<p:ajax event="itemSelect" process="@this inputPais" update="inputPaisSigla inputPaisDdi"/>
						</p:autoComplete>
					
						<p:inputText style="width:100px;" disabled="true" value="#{estadoBean.currentEstado.pais.sigla}" id="inputPaisSigla"/>
						<p:inputText style="width:100px;" disabled="true" value="#{estadoBean.currentEstado.pais.ddi}" id="inputPaisDdi"/>				
						<p:commandButton icon="ui-icon-search" style="height:24px;" actionListener="#{estadoBean.openDialogListPais}" process="@this" title="Selecionar país"/>
					</h:panelGrid>

					<h:panelGrid columns="1" style="padding:5px;">
						<h:outputText value="* Campos obrigatórios" />
					</h:panelGrid>
			</div>
		</p:panel>		
	</ui:define>	
	<ui:define name="popups">
		<ui:include src="listPais.xhtml"/>
		<ui:include src="formPais.xhtml"/>
	</ui:define>
</ui:composition>